<template>
  <div class="pageCon pr" style="background-color: #fff; height: 100%; min-width: 1000px">
    <!--顶部工具条 start-->
    <div id="topToolBar">
      <!--01-->
      <div class="clearfix pr animated bounceInRight" v-show="beforeSelect">
        <h3 class="fl PageTitle">企业信息</h3>
        <span style="z-index: 2" id="PageIcon" class="PageIcon fl" @click.stop="searchShow=true;rightEnter=false;searchColor='#2599ec'">
          <Icon style="z-index: 1" type="search" :color="searchColor" size="20"></Icon>
        </span>
        <Button v-show="backToListShow" class="fr backToList mt15 mr20" type="ghost" icon="reply" @click="reloadPage">返回列表</Button>
        <!--检索框 start-->
        <transition name="fade">
          <div @click.stop="searchShow = true" id="searchPop" class="searchPop clearfix" v-show="searchShow">
            <!--检索导航 start-->
            <div class="searchMenu fl">
              <a href="javascript:;" class="block menuName transi mt15" :class="{'active': serTitOn}" @click.stop="serShow = true;serTitOn=true">自定义检索</a>
            </div>
            <!--检索导航 end-->
            <!--检索内容选择 start-->
            <div class="searchTerm fl">
              <div v-show="serShow" class="commonSearch pr">
                <i class="serArr block pa"></i>
                <!--表单列表 start-->
                <Form class="scrollBar" ref="serformItem" :model="serformItem" :label-width="90">
                  <Row>
                    <Col span="12">
                    <FormItem label="企业名称" prop="nameInput">
                      <Input v-model="serformItem.nameInput" style="width: 165px" placeholder="请输入关键词"></Input>
                    </FormItem>
                    </Col>
                  </Row>
                  <Row>
                    <Col span="12">
                    <FormItem label="所属地域" prop="areaSelect">
                      <Select v-model="serformItem.areaSelect" style="width: 165px">
                        <Option value="全部"></Option>
                        <Option :key="index" v-for="(item,index) in areaData" :value="item.id">{{ item.regionName }}</Option>
                      </Select>
                    </FormItem>
                    </Col>
                  </Row>
                  <FormItem class="pa serBtns" style>
                    <Button type="primary" @click.stop="getSearchList(0, 10)">查询</Button>
                    <Button @click="handleReset('serformItem')" class="ml10">重置</Button>
                  </FormItem>
                </Form>
                <!--表单列表 end-->
              </div>
            </div>
            <!--检索内容选择 end-->
          </div>
        </transition>
        <!--检索框 end-->
      </div>
    </div>
    <!--</div>-->
    <!--顶部工具条 end-->
    <!--右侧滑框 start-->
    <transition name="rightSlide" enter-active-class="animated bounceInRight" leave-to-class="animated bounceOutRight">
      <div class="RightSlide pa" v-show="rightEnter" @click.stop>
        <!--详情主体 start-->
          <!--顶部工具栏 start-->
          <div class="RightSlideTit pl25 pr25 mt20 pa">
            <p class="currentYear f_9 pa f16">【&nbsp;<span>2018年</span>&nbsp;数据&nbsp;】</p>
            <p></p>
              <i class="iconfont icon-enterprise mr5 mr10"></i>
              <span class="f18">{{companyContent.companyName?companyContent.companyName:'无'}}</span>
            </p>
            <table class="titTable per40 f14 mt10">
              <tr class="f_9">
                <!--<td class="per20">运营状态</td>-->
                <td class="per60">法定代表人</td>
                <td class="per20">注册类型</td>
                <td class="per20">地址</td>
              </tr>
              <tr>
                <!--<td>&#45;&#45;</td>-->
                <td>{{companyContent.regOwner?companyContent.regOwner:'无'}}</td>
                <td>{{companyContent.regType?companyContent.regType:'无'}}</td>
                <td>{{companyContent.regAddr?companyContent.regAddr:'无'}}</td>
              </tr>
            </table>
          </div>
          <!--顶部工具栏 end-->
          <!--详情主体 start-->
          <div class="RightSlideBody pa">
            <Tabs type="card" :animated="false">
              <TabPane name="signBaseInfo" label="基本信息" class="companyOrgBox">
                <div class="navPosiCon scrollBar">
                  <!--01-->
                  <div class="navPosiCon_items">
                    <h3 class="navPosiCon_title pr"><p class="pa f16 fb">基本信息</p><i class="pa"></i></h3>
                    <!--<p v-if="!companyOrgData">暂无数据展示</p>-->
                    <table class="tableList" width="100%" cellpadding="5">
                      <tbody v-if="true">
                      <tr>
                        <td width="16%" valign="top" class="f_9">统一社会信用代码</td>
                        <td width="34%" valign="top">{{companyContent.companyCode?companyContent.companyCode:'无'}} </td>
                        <td width="16%" valign="top" class="f_9">注册时间</td>
                        <td width="34%" valign="top"> {{companyContent.regTime?companyContent.regTime:'无'}} </td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">单位性质</td>
                        <td width="34%" valign="top"> {{companyContent.regType?companyContent.regType:'无'}} </td>
                        <td width="16%" valign="top" class="f_9">注册资本（万元）</td>
                        <td width="34%" valign="top"> {{companyContent.regMoney?companyContent.regMoney:'无'}}</td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">经营范围</td>
                        <td width="34%" valign="top" colspan="3"> {{companyContent.regScope?companyContent.regScope:'无'}}</td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <!--02-->
                  <div class="navPosiCon_items">
                    <h3 class="navPosiCon_title pr"><p class="pa f16 fb">联系人信息</p><i class="pa"></i></h3>
                    <!--<p v-if="!companyOrgData">暂无数据展示</p>-->
                    <table class="tableList" width="100%" cellpadding="5">
                      <tbody v-if="true">
                      <tr>
                        <td width="16%" valign="top" class="f_9">姓名</td>
                        <td width="34%" valign="top"> {{companyContent.personName?companyContent.personName:'无'}} </td>
                        <td width="16%" valign="top" class="f_9">固话</td>
                        <td width="34%" valign="top"> {{companyContent.telephone?companyContent.telephone:'无'}} </td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">手机</td>
                        <td width="34%" valign="top">{{companyContent.mobile?companyContent.mobile:'无'}} </td>
                        <td width="16%" valign="top" class="f_9">邮箱</td>
                        <td width="34%" valign="top">{{companyContent.email?companyContent.email:'无'}} </td>
                      </tr>
                      </tbody>
                    </table>
                  </div>
                  <!--02-->
                  <div class="navPosiCon_items">
                    <h3 class="navPosiCon_title pr"><p class="pa f16 fb">企业规模</p><i class="pa"></i></h3>
                    <!--<p v-if="!companyOrgData">暂无数据展示</p>-->
                    <table class="tableList" width="100%" cellpadding="5">
                      <tbody v-if="true">
                      <tr>
                        <td width="16%" valign="top" class="f_9">上年总资产</td>
                        <td width="34%" valign="top"> {{enterpriScopeData01?enterpriScopeData01:'暂无数据'}} </td>
                        <td width="16%" valign="top" class="f_9">上年销售收入</td>
                        <td width="34%" valign="top">{{enterpriScopeData02?enterpriScopeData02:'暂无数据'}} </td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">企业员工数量</td>
                        <td width="34%" valign="top">{{enterpriScopeData03?enterpriScopeData03:'暂无数据'}} </td>
                        <td width="16%" valign="top" class="f_9">是否有科技员</td>
                        <td width="34%" valign="top">{{enterpriScopeData04==='true'?'有':'无'}}</td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">企业所属行业</td>
                        <td width="34%" valign="top"> {{enterpriScopeData05?enterpriScopeData05:'无'}} </td>
                        <td width="16%" valign="top" class="f_9">研发专项贷款</td>
                        <td width="34%" valign="top">{{enterpriScopeData06?enterpriScopeData06:'暂无数据'}} </td>
                      </tr>
                      <tr>
                        <td width="16%" valign="top" class="f_9">企业科技类型 </td>
                        <td width="34%" valign="top"> {{enterpriScopeData07==='true'?'有':'无'}}</td>
                        <td width="16%" valign="top" class="f_9">是否有知识产权</td>
                        <td width="34%" valign="top">{{enterpriScopeData08?enterpriScopeData08:'无'}}</td>
                      </tr>
                      </tbody>
                    </table>
                  </div>

                </div>
              </TabPane>
              <TabPane name="signMatchAtlas" label="匹配图谱" class="companyOrgBox">
                  <profiledata ref="exprofile"></profiledata>
              </TabPane>
            </Tabs>
          </div>
          <!--详情主体 end-->
        <!--详情主体 end-->
      </div>
    </transition>
    <!--右侧滑框 end-->
    <!--表格列表 start-->
    <div @click.stop>
      <div id="mainTable">
        <table width="100%">
          <thead>
          <tr class="Table_Head">
            <th class="tc">序号</th>
            <th>企业名称</th>
            <th>注册类型</th>
            <th>所在地域</th>
            <th>注册时间</th>
          </tr>
          </thead>
          <tbody>
          <tr v-if="mainData.length>0" class="Table_List" :key="index" v-for="(item,index) in mainData">
            <td width="5%"><div class="textoverflow tc">{{index+1}}</div></td>
            <td width="40%"><div class="textoverflow detailShow" @click.stop="showEnterpriDetail(item.id,item.companyName)">{{item.companyName?item.companyName:'无'}}</div></td>
            <td width="20%"><div class="textoverflow">{{item.regType?item.regType:'无'}}</div></td>
            <td width="20%"><div class="textoverflow">{{item.area?item.area.regionName:'无'}}</div></td>
            <td width="15%"><div class="textoverflow">{{item.regTime?item.regTime:'无'}}</div></td>
         </tr>
          <tr v-if="mainData.length === 0">
            <td colspan="10" class="tc" style="height: 70px;">
              <div v-show="isLoading" class="loading" style="margin-top: 5px;">
                <Spin>
                  <Icon type="load-c" size=40 class="demo-spin-icon-load"></Icon>
                  <div class="mt30">Loading</div>
                </Spin>
              </div>
              <span v-show="!isLoading">暂无相关数据</span>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="mt25 mr25 fr">
        <Page ref="pages" :total="totalNum" :page-size="pageSize" :current="1" @on-change="changePage"></Page>
      </div>
    </div>
    <!--表格列表 end-->
  </div>
</template>
<script>
  import '../../assets/css/animate.css'
  import '../../../static/IconFont/iconfont.css'

  import Layout from '../layout'
  import profiledata from "./components/eprofile";
  import { postAjax, getAjax} from "../../api/api.js";

  export default {
    name:"",
      components: {
      profiledata
  },

    props:["navSign"],
    data () {
      return {
        totalNum: 1,
        pageSize: 10,
        mainData: [],
        companyContent:'',
        enterpriScopeData01:'',
        enterpriScopeData02:'',
        enterpriScopeData03:'',
        enterpriScopeData04:'',
        enterpriScopeData05:'',
        enterpriScopeData06:'',
        enterpriScopeData07:'',
        enterpriScopeData08:'',
        areaData:[],//检索-地域数据
        companyId:'',//存储公共id
        companyName:'',//存储匹配图谱companyName
        // 显示隐藏等效果的控制变量
        beforeSelect: true, // 部门管理头部栏
        afterSelect: false, // 编辑栏
        searchShow: false,//搜索框显示隐藏
        searchColor: '#9c9c9c',//搜索框颜色设置
        backToListShow: false,//检索后返回主表格
        serShow: true,//检索主体内容切换
        serTitOn: true,//检索框标题选中
        rightEnter: false,//右侧滑框
        isLoading: true,//loading加载显示与否
        //搜索条件form数据存储
        serformItem: {
          nameInput: '',
          areaSelect: ''
        }
      }
    },
    methods: {
      // 监听body并关闭弹出框
      bodyClick (){
        //关闭所有弹窗
        this.searchShow = false;
        this.searchColor = '#9c9c9c';
        this.rightEnter = false;
      },
      //搜索条件提交按钮功能
      handleSubmit (name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.$Message.success('Success!');
          } else {
            this.$Message.error('Fail!');
          }
        })
      },
      //搜索条件重置按钮功能
      handleReset (name) {
        this.$refs[name].resetFields();
      },
      //请求区域
      getAreaData() {
        let stringParam = JSON.stringify({"parentId":35});
        getAjax("/areaInfo/list/"+stringParam).then(response => {
          if (response.data.code === 0) {
            this.areaData = response.data.obj;
          } else {
            this.$Message.warning("检索区域数据请求异常");
          }
        })
          .catch(error => {
            this.$Loading.error();
            console.log(error);
          });
      },
      //请求主表格数据
      getEnterpriInfoList(pageNum, pageSize) {
        this.isLoading = true;
        this.mainData = [];

        let param = {};
        let ifTitle = this.serformItem.nameInput === '' ;//企业名称
        let ifArea = this.serformItem.areaSelect === '' ;//运营管理机构
        if(!ifTitle){//搜索值不为空—企业名称
          let data = this.serformItem.nameInput;
          param.companyName = data;//给json添加子对象
          this.backToListShow = true;
        };
        if(!ifArea){//搜索值不为空—yqu
          let data = this.serformItem.areaSelect;
          param.name = data //给json添加子对象
          this.backToListShow = true;

        };

        let stringParam = JSON.stringify(param);

        getAjax('/companyInfo/list/' + pageNum + '/' + pageSize+'/'+stringParam)
          .then((response) => {
            if(response.data.code === 0){
              this.isLoading = false;
              this.mainData = response.data.obj.content;
              this.totalNum = response.data.obj.totalElements;
            }else {
              this.$Message.warning("数据请求异常")
            }
          })
          .catch(error => {
            console.log(error);
          });
        this.bodyClick();//关闭检索窗
      },
      //请求查询
      getSearchList(pageNum, pageSize) {
        this.$refs['pages'].currentPage = 1;
        this.isLoading = true;
        this.mainData = [];

        let param = {};
        let ifTitle = this.serformItem.nameInput === '' ;//企业名称
        let ifArea = this.serformItem.areaSelect === '' ;//运营管理机构
        if(!ifTitle){//搜索值不为空—企业名称
          let data = this.serformItem.nameInput;
          param.companyName = data;//给json添加子对象
          this.backToListShow = true;
        };
        if(!ifArea){//搜索值不为空—区域
          let data = this.serformItem.areaSelect;
          param.areaId = data //给json添加子对象
          this.backToListShow = true;
        };

        let stringParam = JSON.stringify(param);

        getAjax('/companyInfo/list/' + pageNum + '/' + pageSize+'/'+stringParam)
          .then((response) => {
            if(response.data.code === 0){
              this.isLoading = false;
              this.mainData = response.data.obj.content;
              this.totalNum = response.data.obj.totalElements;
            }else {
              this.$Message.warning("数据请求异常")
            }
          })
          .catch(error => {
            console.log(error);
          });
        this.bodyClick();//关闭检索窗
      },
      //刷新页面
      reloadPage () {
        this.backToListShow=false;
        this.handleReset('serformItem');
        this.getSearchList(0,10);
      },
      //点击分页
      changePage(pageNum){
        this.getEnterpriInfoList(pageNum - 1, this.pageSize, this.searchE, this.valSearch)
      },
      //点击tab切换
      clickTabShow(sign){
        if (sign === "signBaseInfo") {//基本信息
          this.companyInfo();
        } else if (sign === "signMatchAtlas") {//匹配图谱
          this.$refs.exprofile.matchPolicyList(this.companyId,this.companyName);
        }
      },
      // 点击详情页展示
      showEnterpriDetail(id,companyName){
        this.searchColor='#9c9c9c';
        this.searchShow=false;
        //详情页展示隐藏
        if(this.rightEnter == false){
          this.rightEnter = true;//详情页展开
          if(this.navSign == false){//判断左侧菜单是否收缩
            this.$emit('navSlideToggle');//调用父组件方法控制导航收缩
          }
        };
        this.$refs.exprofile.matchPolicyList(id,companyName);
        //存储当前行id
        this.companyId = id;
        this.companyName = companyName;
        this.companyInfo();
      },
      //详情
      companyInfo(){
          getAjax('/companyInfo/'+this.companyId)
          .then((response) => {
            if(response.data.code === 0){
              this.isLoading = false;
              this.companyContent = response.data.obj;
              let _this = this;
              this.enterpriScopeData01='';
              this.enterpriScopeData02='';
              this.enterpriScopeData03='';
              this.enterpriScopeData04='';
              this.enterpriScopeData05='';
              this.enterpriScopeData06='';
              this.enterpriScopeData07='';
              this.companyContent.companyIndexDtoList.forEach(element => {
                let id = element.indexId;
                if(id === 14){
                  _this.enterpriScopeData01=element.realVal;
                }else if(id === 15){
                  _this.enterpriScopeData02=element.realVal;
                }else if(id === 16){
                  _this.enterpriScopeData03=element.realVal;
                }else if(id === 17){
                  _this.enterpriScopeData04=element.realVal;
                }else if(id === 18){
                  _this.enterpriScopeData05=element.realVal;
                }else if(id === 19){
                  _this.enterpriScopeData06=element.realVal;
                }else if(id === 20){
                  _this.enterpriScopeData07=element.realVal;
                }else if(id === 21) {
                  if(element.realVal==="true"){
                    _this.enterpriScopeData08="有";
                  }else {
                    _this.enterpriScopeData08="无";
                  }
                }else if(id === 22) {
                  if(element.realVal==="true"){
                    if(_this.enterpriScopeData08==="无"){
                      _this.enterpriScopeData08="有";
                    }
                  }
                }

              });
            }else {
              this.$Message.warning("数据请求异常")
            }
          })
      },
    },
    created() {
      document.querySelector('body').addEventListener('click', this.bodyClick);
    },
    mounted() {
      this.getSearchList(0, this.pageSize);
      this.getAreaData();//请求区域数据
    },
    destroyed(){
      document.querySelector('body').removeEventListener('click', this.bodyClick);
    }
  }
</script>
<style scoped>
  body {
    height: 100%;
    background-color: #fff;
  }
  /*修改滚动条的样式*/
  /*滚动条样式*/
  .scrollBar::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
  }
  .scrollBar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    background-color: #c7c7c7;
  }
  .scrollBar::-webkit-scrollbar-track { /*滚动条里面轨道*/
    border-radius: 0;
  }
  /*右侧滑出框样式*/
  .RightSlide {
    width: 80%;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
    z-index: 10;
    box-shadow: 0px 0px 6px #ddd;
  }
  .RightSlideTit {
    width: 100%;
    height: 140px;
    left: 0;
    right:0;
    top:0;
  }
  .RightSlideTit .iconfont{
    color: #2399ee;
    font-size: 18px;
  }
  .RightSlide .titTable{
    margin-left: 30px;
    width: 95%;
  }
  .RightSlide .titTable td{
    height: 28px;
  }
  .RightSlide .toolTip li{
    padding: 0 5px;
    height: 24px;
    line-height:24px;
    background: #fa9749;
    border-radius: 3px;
    margin-right: 5px;
    color: #fff;
  }
  .RightSlideBody{
    width: 100%;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /*检索框样式*/
  #searchPop {
    height: 170px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0px 0px 6px #e0e0e0;
    position: absolute;
    top: 45px;
    left: 98px;
    z-index: 9;
    background-color: #fff;
  }
  #searchPop .searchMenu{
    width: 88px;
    height: 100%;
    background: #293247;
    border-radius: 4px 0 0 4px;
    font-size: 12px;
  }
  #searchPop .searchTerm{
    height: 100%;
  }
  #searchPop .menuName{
    color: #ccc;
    height: 30px;
    line-height: 30px;
    padding-left: 13px;
  }
  #searchPop .menuName.active{
    color: #fff;
  }
  #searchPop .menuName:hover{
    color: #fff;
  }
  #searchPop .commonSearch{
    width: 308px;
    height: 100%;
    padding: 15px 10px 15px 20px;
  }
  #searchPop .commonSearch ul{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
  }
  #searchPop .commonSearch li:hover{
    color: #2399ee;
    cursor: pointer;
  }
  #searchPop .commonSearch .serArr{
    left: -7px;
    top:25px;
  }
  #searchPop .customSearch{
    width: 580px;
    height: 100%;
    padding: 15px 10px 0px 15px;
  }
  #searchPop .customSearch .scrollBar{
    width: 100%;
    height: 175px;
  }
  #searchPop .customSearch .serArr{
    left: -7px;
    top: 53px;
  }
  .serBtns{
    bottom: 0px;
    right:31px;
  }
  .serBtns button{
    width: 70px;
  }

  #searchPop .serArr{
    width: 7px;
    height: 12px;
    background: url("../../../static/images/icon_searchArr.png");
    z-index: 10;
  }
  /*顶部标题栏及编辑栏样式*/
  .PageTitle {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
  }
  .PageIcon {
    font-size: 20px;
    line-height: 60px;
    padding-left: 10px;
    cursor: pointer;
  }
  #topToolBar{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e0e0e0;
  }
  /*主表格样式mainTable*/
  #mainTable table{
    color: #666;
    border-bottom: 1px solid #e7eaec;
  }
  #mainTable table th{
    padding: 0 10px;
    height: 40px;
    background: #f3f5f9;
    border-right: 1px solid #e7eaec;
    font-weight: bold;
    font-size: 14px;
  }
  #mainTable table td{
    position: relative;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #e7eaec;
    font-size: 14px;
  }
  #mainTable table td div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #mainTable table td p{
    height: 40px;
    line-height: 40px;
  }
  #mainTable .Table_List:nth-of-type(even){
    background: #f3f5f9;
  }
  #mainTable .Table_List{
    border-top: 1px solid #e7eaec;
  }
  #mainTable .Table_List .detailShow{
    border: 1px solid rgba(0,0,0,0);
    cursor: pointer;
  }
  #mainTable .Table_List .detailShow:hover{
    border: 1px solid #2399ee;
    color: #2399ee;
  }
  /*详情—政策详情tab样式*/
  .policyDetailBox{
    padding: 0 30px;
  }
  .policyDetailTit{
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #e2e2e2;
  }
  .policyDetailCon{
    width: 100%;
    line-height: 32px;
  }
  .policyDetailTit f18{
    margin-top: 30px;
  }
  .policyDetailTit  .subTit{
    height: 22px;
    line-height: 22px;
  }
  /*详情——匹配标签tab样式*/
  .matchLabel td,.matchLabel th{
    border: 1px solid #e7eaec;
    height: 40px;
    text-align: center;
  }
  .tableBgColor tr:nth-child(odd),.trBgColor{
    background: #f6f8fc;
  }

  /*右侧滑出框样式*/
  .RightSlide {
    width: 80%;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
    z-index: 10;
    box-shadow: 0px 0px 6px #ddd;
  }
  .RightSlideTit {
    width: 100%;
    height: 115px;
    left: 0;
    right:0;
    top:0;
  }
  .RightSlideTit .currentYear{
    right: 20px;
    top: 0px;
  }
  .RightSlideTit .iconfont{
    color: #2399ee;
    font-size: 18px;
  }
  .RightSlide .titTable{
    margin-left: 30px;
    width: 95%;
  }
  .RightSlide .titTable td{
    height: 28px;
  }
  .RightSlide .toolTip li{
    padding: 0 10px;
    height: 24px;
    line-height:24px;
    background: #fa9749;
    border-radius: 3px;
    margin-right: 5px;
    color: #fff;
  }
  .RightSlideBody{
    width: 100%;
    top: 135px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .RightSlideBody .navPosiTit{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    padding: 0 28px;
    box-shadow: 0 1px 2px #f5f5f5;
  }
  .RightSlideBody .navPosiTit li{
    cursor: pointer;
    height: 30px;
    line-height:30px;
    background: #f6f6f6;
    color: #7199b6;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 4px;
    margin-top: 9px;
  }
  .RightSlideBody .navPosiTit li a{
    display: block;
  }
  .RightSlideBody .navPosiCon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0;
    overflow-y: scroll;
    padding: 0px 25px 30px;
  }
  .navPosiCon_title{
    width: 100%;
    height: 50px;
    margin-top: 10px;
  }
  .navPosiCon_title p{
    left: 0;
    top: 0px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    padding: 0 10px 0 0;
    z-index: 1;
  }
  .navPosiCon_title i{
    width: 100%;
    border-top: 1px solid #e6e6e6;
    left:0;
    top: 24px;
    z-index:0;
  }
  .navPosiCon table td{
    border: 1px solid #e7eaec;
    height: 30px;
    padding: 0 10px;
  }
  .navPosiCon table td.tit{
    background: #f3f5f9;
    font-size: 12px;
    font-weight: bold;
  }
  .companyOrgBox .navPosiCon table td.tit{
    font-weight: 400;
  }
  .navPosiCon .tableList td{
    border: 0;
    font-size: 13px;
    height: 40px;
    padding: 0 10px;
    line-height: 24px;
    /*color: #333;*/
  }
  .navPosiCon .memberList li{
    width: 130px;
    border: 1px solid #eee;
    padding: 10px;
    font-size: 14px;
    margin-right: 25px;
  }
  .navPosiCon .iconfont{
    color: #00c2df;
    font-size: 18px;
  }










</style>
